<template>
  <div>
    <div class="layout">
      <div class="questions">
        <Questions></Questions>
      </div>
      <div class="right">
        <Indicator></Indicator>
        <Timer></Timer>
      </div>
    </div>
  </div>
</template>

<script>
import Questions from "@/components/study/questions";
import Indicator from "@/components/study/indicator";
import Timer from "@/components/study/timer";
export default {
  layout: "msbd",
  components: {
    Questions,
    Indicator,
    Timer,
  },
};
</script>

<style scoped>
.layout {
  display: flex;
}

.questions{
  flex: 1;
}

.right{
  width: 300px;
}
</style>